<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link rel="stylesheet"
	href="<c:url value="/resources/lib/bootstrap-3.3.5/css/bootstrap.min.css"/>" />
	<link href="/resources/lib/font-awesome-4.4.0/css/font-awesome.min.css"
	rel="stylesheet" type="text/css" />
		<link href="/resources/css/header.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet"
	href="<c:url value="/resources/css/common.css"/>" />
<link rel="stylesheet"
	href="<c:url value="/resources/css/project/manageProject.css"/>" />
<script src="<c:url value="/resources/lib/jquery-2.1.4.min.js" />"
	type="text/javascript"></script>
<script
	src="<c:url value="/resources/lib/bootstrap-3.3.5/js/bootstrap.min.js" />"
	type="text/javascript"></script>
<script
	src="<c:url value="/resources/lib/angular-1.4.7/angular.min.js"/>"
	type="text/javascript">
	
</script>
<script
	src="<c:url value="/resources/lib/Smart-Table-master/dist/smart-table.min.js" />"
	type="text/javascript">
	
</script>
<script src="<c:url value="/resources/js/project/manageProject.js" />"
	type="text/javascript"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>manage Project</title>
</head>
<body ng-app="conversionTool">
<ng-include src="'/resources/viewPart/nav.html'" >
	
	</ng-include>
	<header>
		<!--  <h3>Manage Project</h3>-->
		<div class="head-line">
		<h3 class="head-title">Manage Project</h3>
		</div>
	</header>

	<section class="container" ng-controller="manageProjectCtrl">
		<form role="form" method="POST" action="/project/viewProjectDetail" class="from-location">
			<input type="hidden" name="id" id="id" />
			<table st-table="projectsDisplay"  st-safe-src="projects" class="table table-bordered">
				<thead>
					<tr>
						<th>Project name</th>
						<th>Description</th>
						<th>View Project</th>
						<th>Delete</th>
					</tr>
				</thead>
				<tbody>


					<tr ng-repeat="item in projectsDisplay">
						<td>{{item.projectName}}</td>
						<td>{{item.description}}</td>
						<td>
						<!--<input type="submit" class="btn btn-default" value="edit project" ng-click="settingProjectID(item.id)" />-->
						
						<button type="submit" class="btn btn-default btn-border" ng-click="settingProjectID(item.id)" >
						<span><i class="glyphicon glyphicon-edit"></i></span>
						</button>
						
						</td> 
						<td>
						<!--<input type="button" class="btn btn-default" value="delete" ng-click="deleteProject(item.id)" />-->
						<button type="button" class="btn btn-default btn-border" ng-click="deleteProject(item.id)"> <span><i class="glyphicon glyphicon-trash" ></i></span></button>
						
						</td>

					</tr>

				</tbody>
				<tfoot>
					<tr>
						<td colspan="5" class="text-center">
							<div st-pagination="" st-items-by-page="itemsByPage"
								st-displayed-pages="7"></div>
						</td>
					</tr>
				</tfoot>
			</table> 
			
			 
			</div>
		</form>
	</section>


</body>
</html>